<template>
	<div class="app-container home">
		<el-row :gutter="20">
			<el-col :span="8">
				<el-card>
					<template #header>
						<div class="card-header">
							<span>发展时间线</span>
						</div>
					</template>
					<Timeline/>
				</el-card>
			</el-col>
			<el-col :span="16">
				<el-card>
					<template #header>
						<div class="card-header">
							<span>党员档案材料清单</span>
						</div>
					</template>
					<FileTable/>
				</el-card>
			</el-col>
		</el-row>
	</div>
</template>

<script setup name="Index">
import Timeline from "@/layout/components/Timeline.vue";
import FileTable from "@/layout/components/FileList.vue";

const version = ref('3.8.9')

function goTarget(url) {
	window.open(url, '__blank')
}
</script>

<style scoped lang="scss">
.home {
	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 17.5px;
		border-left: 5px solid #eee;
	}

	hr {
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0;
		border-top: 1px solid #eee;
	}

	.col-item {
		margin-bottom: 20px;
	}

	ul {
		padding: 0;
		margin: 0;
	}

	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #676a6c;
	overflow-x: hidden;

	ul {
		list-style-type: none;
	}

	h4 {
		margin-top: 0px;
	}

	h2 {
		margin-top: 10px;
		font-size: 26px;
		font-weight: 100;
	}

	p {
		margin-top: 10px;

		b {
			font-weight: 700;
		}
	}

	.update-log {
		ol {
			display: block;
			list-style-type: decimal;
			margin-block-start: 1em;
			margin-block-end: 1em;
			margin-inline-start: 0;
			margin-inline-end: 0;
			padding-inline-start: 40px;
		}
	}
}
</style>

